// var b = document.querySelector('.kuai');
// // 标签元素.classList 能够获取标签的类名列表
// // 标签元素.classList.add(文本) 你要添加的类名
// // 标签元素.classList.remove(文本) 你要移除的类名
// // 主要是对类名进行操作
// //创建html 
// // document.createElement 
// var a = document.createElement('div'); 
// //事实上就是创建一个对象出来
// //修改 类名添加
// a.classList.add('kuai');
// a.innerText='我是新添加的'
// a.style.backgroundColor='red'
// // 创建后的div 不在网页上的 而是在浏览的内存
// console.dir(a)
// // 添加 标签元素.append
// // document.querySelector('body').append(标签元素)
// document.querySelector('body').append(a);
//只能从末尾进行添加
//试一下通过js添加16个
// 一个kuai盒子到background_box里面
// 你每次创建出来标签元素 
// 本质上就是一个对象因为他只有一个所以在网页上他只能存在于一个地方

// 标签元素.classList 能够获取标签的类名列表
// 标签元素.classList.add(文本) 你要添加的类名
// 标签元素.classList.remove(文本) 你要移除的类
// document.createElement(标签名) 创建标签元素
// 标签元素.append(标签元素)    添加标签元素

// var ele_a = document.querySelector('#background_box');
// for (var index = 0; index < 16; index++) {
//     var ele_b = document.createElement('div');
//     ele_b.classList.add('kuai');
//     ele_a.append(ele_b)
// }